* {
	margin:0;
	padding:0;
}
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #121313;
	color: #CCCCCC;
}
a {
	color:#85d4ed;
	font-size:12px;
	text-decoration:underline;
}
a:hover {
	color:#85d4ed;
	font-size:12px;
	text-decoration:none;
}
.logo {
	color:#85d4ed;
	font-size:48px;
	padding:20px 0 0 20px;
}
.logo span {
	color:#c0e440;	
}
.author {
	padding:0 0 20px 20px;
}
h1 {
	color:#c0e440;
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 0;
}
h2 {
	color:#ffffff;
	font-size:48px;
	font-weight:bold;
	padding:70px 0 0 70px;
}
h3 {
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 100px;
}
.mainLogo {	
	float:left;
}
.icons {
	float:right;
	padding:40px 20px 0 0;
}
.icons img {
	border:0;
}
#container { 
	width: 800px;  
	margin: 0 auto;
} 
.mainContent {
	padding:20px 20px;
}
.headerPic {
	height:374px;
	width:800px;
	background:url(images/headerBackground.jpg) no-repeat left top;
	color:#ffffff;
}
.headerPic p {
	padding:20px 20px 20px 500px;
}
.mainContent li {
	list-style:none;
	display:inline;
	float:left;
	padding:40px 10px;
}
.mainContent li img {
	border:1px solid #000000;
}
.sidebarLeft {
	float:left;
	width:470px;
}
.sidebarRigth {
	margin-left:490px;
	border-left:1px solid #505151;
	padding:0 0 0 20px;
}
#footer {
	text-align:center;
	height:75px;
	background:url(images/footerBackground.jpg) repeat-x left top;
	color:#ffffff;
}
#footer p {
	padding:20px 0 0 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*MAIN MENU*/
#navcontainer {
	padding:20px 0 170px 0;
}
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background: url(images/menuBackground.jpg) repeat-x left top;
	color: White;
	float: left;
	width: 100%;
	height:60px;
}
#navcontainer ul li { 
	display: inline;
	color:#ffffff;
}
#navcontainer ul li a {
	padding:18px 29px 0 30px;
	background: url(images/menuBackground.jpg) repeat-x left top;
	color: #ffffff;
	text-decoration: none;
	float: left;
	font-size:24px;
}
#navcontainer ul li a:hover {
	background: url(images/menuActive.jpg) repeat-x left top;
	color: #fff;
	height:60px;
}
#navcontainer #active a {
	background: url(images/menuActive.jpg) repeat-x left top;
	color: #fff;
	height:60px;
}
.menuSeparator {
	height:60px;
	width:2px;
	float:left;
}
.Text{
            font-size:small;
            }
    #UserList {
            position:absolute;
            width:866px;
            height:387px;
            z-index:2;
            left: 145px;
            top: 144px;
            font-size: small;
            font-style: normal;
            line-height: normal;
    }
    #Header {
            position:absolute;
            width:99%;
            height:48px;
            z-index:3;
            top: 6px;
            left: 4px;
    }
    #HelloUser {
            position:relative;
            width:130px;
            height:22px;
            z-index:1;
            float: right;
            top: 2px;
    }
    #uslstLabel {
            position:absolute;
            width:430px;
            height:30px;
            z-index:4;
            left: 192px;
            top: 162px;
    }
    #Body {
            position:absolute;
            width:751px;
            height:721px;
            z-index:1;
            left: -7px;
            top: -34px;
    }
    #rightPane {
            position:absolute;
            width:182px;
            height:656px;
            z-index:1;
            left: 570px;
            top: 32px;
    }
    .noneDisplay{
        display: none;
    }
	.red{
		color:#FF0000;
	}
    .font{
        font-size: small;
    }
	.small-font{
		font-size:x-small;
		padding-left:0px;
	}
	.style7 {font-size: 40px}
	.style8 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 16px;
		font-style: italic;
	}
#errSPU {
	position:absolute;
	width:600px;
	height:31px;
	z-index:5;
	left: 480px;
	top: 340px;
}
#errCT {
	position:absolute;
	width:600px;
	height:28px;
	z-index:6;
	left: 480px;
	top: 370px;
}
#errIT {
	position:absolute;
	width:600px;
	height:24px;
	z-index:7;
	left: 480px;
	top: 400px;
}

#Layer1 {
	position:absolute;
	width:340px;
	height:42px;
	z-index:1;
	left: 225px;
	top: 255px;
}
img {
border: none;
}
#tabsG {
      float:left;
      width:100%;
      background:#FFFFF;
      font-size:93%;
      line-height:normal;
      }
    #tabsG ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:left;
      background:url("images/tableftG.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("images/tabrightG.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      }

	#tabsG #current a {
			background-position:0% -42px;
	}
	#tabsG #current a span {
			background-position:100% -42px;
	}

.style16 {font-size: 18px}
.style17 {font-size: 12px}
.style18 {font-size: 16px}
#Layer2 {
	position:absolute;
	width:373px;
	height:115px;
	z-index:4;
	left: 236px;
	top: 305px;
}
